<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="br.com.trabalho.entidades.Estado"%>
<%@page import="br.com.trabalho.util.Util"%>
<%@page import="br.com.trabalho.entidades.Usuario"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%--
<c:if test="${sessionScope.USUARIO != null}">
    <jsp:useBean class="br.com.trabalho.entidades.Usuario" scope="session" id="USUARIO"></jsp:useBean>
</c:if>
--%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="js/funcoes.js"></script> 
        <title>Cadastrar-se</title>
        <style>
            label {
                width: 150px;
                display: inline-block;
            }​
        </style>
    </head>
    <body>
        <c:if test="${sessionScope.USUARIO == null}">
        <div style="text-align: center;">
            <h1>Cadastro de Usuario</h1>
            <div id="mensagens" style="color:red;"></div>
            <form method="get" action="cadastro" onsubmit="return validaCadastro(this)">
                <label for="nome">Nome:</label><input name="nome" type="text"/><br/>
                <label for="login">Email:</label><input name="login"/><br/>
                <label for="cidade">Cidade:</label><input name="cidade" type="text"/><br/>
                <label for="estado">Estado:</label>
                <select name="estado">
                    <c:forEach var="e" items="${sessionScope.ESTADOS}">
                        <option value='${e.sigla}'>${e.nome}</option>
                    </c:forEach>
                </select><br>
                <label for="telefone">Telefone:</label><input placeholder="(11) 1111-1111" name="telefone"/><br>
                <label for="senha">Senha:</label><input name="senha" type="password"/><br/>
                <label for="confirmar_senha">Confirmar Senha:</label><input name="confirmar_senha" type="password"/><br/>
                <input type="hidden" name="cadastro" value="true"/>
                <button type="submit">Cadastrar</button>
            </form>
            <a href="login.jsp">Voltar</a>
        </div>
        </c:if>
        <c:if test="${sessionScope.USUARIO != null}">
        <div style="text-align: center;">
            <h1>Edição de Cadastro</h1>
            <form method="get" action="cadastro" onsubmit="return validaCadastro(this)">
                <label for="nome">Nome:</label><input name="nome" type="text" value='${sessionScope.USUARIO.nome}'/><br/>
                <label for="login">Email:</label><input name="login" value='${sessionScope.USUARIO.email}'/><br/>
                <label for="cidade">Cidade:</label><input name="cidade" type="text" value='${sessionScope.USUARIO.cidade}'/><br/>
                <label for="estado">Estado:</label>
                <select name="estado">
                    <c:forEach var="e" items="${sessionScope.ESTADOS}">
                        <option
                        <c:if test="${e.sigla == sessionScope.USUARIO.estado}">
                            selected
                        </c:if>
                        value='${e.sigla}'>${e.nome}</option>
                    </c:forEach>
                </select><br/>
                <label for="telefone">Telefone:</label><input value="${sessionScope.USUARIO.telefone}" name="telefone"/><br>
                <label for="senha">Senha:</label><input name="senha" type="password" required/><br/>
                <label for="confirmar_senha">Confirmar Senha:</label><input name="confirmar_senha" type="password"/><br/>
                <input type="hidden" name="email_antigo" value='${sessionScope.USUARIO.email}'>
                <input type="hidden" name="edicao" value="true"/>
                <input type="hidden" name="idUsuario" value="${sessionScope.USUARIO.id}"/>
                <button type="submit">Editar</button>
            </form>
            <a href="index">Voltar</a>
        </div>
        </c:if>
    </body>

    <script>
        var testeCadastro = '${param.cadastro}';
        var testeEdicao = '${param.edicao}';

        if (testeCadastro == "sucesso"){
            alert("Cadastro efetuado com sucesso!");
            window.location = "login.jsp";
        }
        
        if (testeEdicao == "sucesso"){
            alert("Edição efetuada com sucesso!");
            window.location = "index.jsp";
        }      
        
        if (testeCadastro == "senhaErrada" || testeEdicao == "senhaErrada"){
            alert("Senhas nao conferem!");
        }
        
        if (testeCadastro == "jaExiste" || testeEdicao == "jaExiste"){
            alert("Email em uso!");
        }

    </script>
</html>
